<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
    <title>ArcGIS JSAPI 4.11 TypeScript Demo</title>
    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }

        .hello-world{
            box-sizing: border-box;
            position: absolute;
            top: 5%;
            left: 5%;
            z-index: 99;
            background-color: #fff;
            color: #000;
        }
    </style>
    <link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/themes/light/main.css">
    <script>
        var locationPath = location.pathname.replace(/\/[^\/]+$/, "");
        window.dojoConfig = {
            packages: [
                {
                    name: "app",
                    location: locationPath + "/app"
                }
            ]
        };
    </script>
    <script src="https://js.arcgis.com/4.11"></script>
</head>

<body>
    <div id="viewDiv"></div>
    <div id="helloworldDiv" class="hello-world"></div>
    <script>require(["app/main"]);</script>
</body>

</html>